<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noodp" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <title>《Flutter插件awesome_dialog》 - 飞雪无情的博客</title><meta name="Description" content="专注于IT互联网，包括但不限于Go语言(golang)、Java、Android、Python、项目管理、抖音分析、软件架构等"><meta property="og:title" content="《Flutter插件awesome_dialog》" />
<meta property="og:description" content="
本文主要介绍一个新的Flutter软件包项目，用于简单而出色的对话框，我们在应用程序中使用它来向用户显示某些警告或确认，在这种情况下，我们可以通过使用一些属性在其中使用其他类型的动画。并可以设置颜色，文字等
" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.flysnow.org/posts/flutter/Flutter%E6%8F%92%E4%BB%B6awesome_dialog/" />
<meta property="article:published_time" content="2021-05-24T22:10:25+08:00" />
<meta property="article:modified_time" content="2021-05-24T22:10:25+08:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="《Flutter插件awesome_dialog》"/>
<meta name="twitter:description" content="
本文主要介绍一个新的Flutter软件包项目，用于简单而出色的对话框，我们在应用程序中使用它来向用户显示某些警告或确认，在这种情况下，我们可以通过使用一些属性在其中使用其他类型的动画。并可以设置颜色，文字等
"/>
<meta name="application-name" content="飞雪无情的博客">
<meta name="apple-mobile-web-app-title" content="飞雪无情的博客"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://www.flysnow.org/posts/flutter/Flutter%E6%8F%92%E4%BB%B6awesome_dialog/" /><link rel="prev" href="https://www.flysnow.org/posts/flutter/%E5%9C%A8Flutter%E4%B8%AD%E7%9A%84%E5%BC%80%E5%8F%91%E5%B0%8F%E6%8A%80%E5%B7%A71/" /><link rel="next" href="https://www.flysnow.org/posts/dart%E4%B9%8BList%E7%9B%B8%E5%85%B3/" /><link rel="stylesheet" href="/lib/normalize/normalize.min.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="/lib/fontawesome-free/all.min.css"><link rel="stylesheet" href="/lib/animate/animate.min.css"><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "《Flutter插件awesome_dialog》",
        "inLanguage": "zh-CN",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/www.flysnow.org\/posts\/flutter\/Flutter%E6%8F%92%E4%BB%B6awesome_dialog\/"
        },"genre": "posts","keywords": "flutter, 插件","wordcount":  1548 ,
        "url": "https:\/\/www.flysnow.org\/posts\/flutter\/Flutter%E6%8F%92%E4%BB%B6awesome_dialog\/","datePublished": "2021-05-24T22:10:25+08:00","dateModified": "2021-05-24T22:10:25+08:00","publisher": {
            "@type": "Organization",
            "name": "飞雪无情"},"author": {
                "@type": "Person",
                "name": "飞雪无情"
            },"description": ""
    }
    </script></head>
    <body header-desktop="" header-mobile=""><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : '' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>

        <div id="mask"></div><div class="wrapper"><div class="logo-wrapper">
  <a href="/%20/" class="logo">飞雪无情的博客</a>
</div>

<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
      <a class="menu-item-link" href="/tools/">工具</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/archives/">归档</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/about/">关于</a>
    </li>
  </ul>
</nav><main class="main">
                <div class="container"><div class="toc" id="toc-auto">
            <h2 class="toc-title">Contents</h2>
            <div class="toc-content" id="toc-content-auto"></div>
        </div><article class="page single"><h1 class="single-title animated flipInX">《Flutter插件awesome_dialog》</h1><div class="post-meta">
            <div class="post-meta-line"><span class="post-author"><a href="/" title="Author" rel=" author" class="author"><i class="fas fa-user-circle fa-fw"></i>飞雪无情</a></span>&nbsp;<span class="post-category">included in <a href="/categories/Flutter/"><i class="far fa-folder fa-fw"></i>Flutter</a>&nbsp;<a href="/categories/%E6%8F%92%E4%BB%B6/"><i class="far fa-folder fa-fw"></i>插件</a></span></div>
            <div class="post-meta-line"><i class="far fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="2021-05-24">2021-05-24</time>&nbsp;<i class="fas fa-pencil-alt fa-fw"></i>&nbsp;1548 words&nbsp;
                <i class="far fa-clock fa-fw"></i>&nbsp;4 minutes&nbsp;</div>
        </div><div class="featured-image"><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        title="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png" /></div><div class="details toc" id="toc-static"  kept="">
                <div class="details-summary toc-title">
                    <span>Contents</span>
                    <span><i class="details-icon fas fa-angle-right"></i></span>
                </div>
                <div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents">
  <ul>
    <li>
      <ul>
        <li><a href="#使用">使用</a></li>
        <li><a href="#属性-">属性 ：</a></li>
        <li><a href="#例子">例子</a></li>
        <li><a href="#custom-body">Custom Body</a></li>
        <li><a href="#自定义按钮">自定义按钮</a></li>
      </ul>
    </li>
  </ul>
</nav></div>
            </div><div class="content" id="content"><blockquote>
<p>本文主要介绍一个新的Flutter软件包项目，用于简单而出色的对话框，我们在应用程序中使用它来向用户显示某些警告或确认，在这种情况下，我们可以通过使用一些属性在其中使用其他类型的动画。并可以设置颜色，文字等</p>
</blockquote>
<h3 id="使用">使用</h3>
<p><strong>步骤1：添加依赖项。</strong></p>
<blockquote>
<p>*<strong>将依赖项添加到pubspec-yaml文件。*</strong></p>
</blockquote>
<pre><code>dependencies:   
awesome_dialog: ^1.3.2
</code></pre><blockquote>
<p>*<strong>步骤2：导入软件包：*</strong></p>
</blockquote>
<pre><code>import 'package:awesome_dialog/awesome_dialog.dart';
</code></pre><blockquote>
<p>*<strong>步骤3：运行flutter包*</strong></p>
</blockquote>
<p><a href="https://github.com/marcos930807/awesomeDialogs/raw/master/doc/gif.gif">https://github.com/marcos930807/awesomeDialogs/raw/master/doc/gif.gif</a></p>
<h3 id="属性-">属性 ：</h3>
<blockquote>
<p>*<strong>以下是“awesome_dialog”对话框的基本属性。*</strong></p>
</blockquote>
<ul>
<li>**animType-**使用animType属性更改对话框的动画。</li>
<li><strong>dialogType</strong> — dialogType用于对话框类型属性，例如info，error等。</li>
<li><strong>title-</strong> title属性用于将对话框标题设置为对话框。</li>
<li><strong>desc</strong> — desc属性用于对话框说明。</li>
<li><strong>autoHide</strong> — autoHide属性会在一段时间后隐藏，可以将其时间设置为任何时间。</li>
</ul>
<h3 id="例子">例子</h3>
<pre><code>AwesomeDialog(
            context: context,
            dialogType: DialogType.INFO,
            animType: AnimType.BOTTOMSLIDE,
            title: 'Dialog Title',
            desc: 'Dialog description here.............',
            btnCancelOnPress: () {},
            btnOkOnPress: () {},
            )..show();
</code></pre><h3 id="custom-body">Custom Body</h3>
<p>如果指定了正文，则标题和描述将被忽略，这允许进一步自定义对话框。</p>
<pre><code>AwesomeDialog(
            context: context,
            animType: AnimType.SCALE,
            dialogType: DialogType.INFO,
            body: Center(child: Text(
                    'If the body is specified, then title and description will be ignored, this allows to further customize the dialogue.',
                    style: TextStyle(fontStyle: FontStyle.italic),
                  ),),
            title: 'This is Ignored',
            desc:   'This is also Ignored',
            btnOkOnPress: () {},
                 )..show();
</code></pre><h3 id="自定义按钮">自定义按钮</h3>
<p>要使用自定义按钮，只需指定buttonOk或btnCancel小部件，所有文本参数图标等都将被忽略。</p>
<h4 id="demo">demo</h4>
<div class="highlight"><div style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4">
<table style="border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;">
<pre style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  1
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  2
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  3
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  4
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  5
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  6
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  7
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  8
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">  9
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 10
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 11
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 12
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 13
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 14
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 15
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 16
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 17
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 18
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 19
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 20
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 21
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 22
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 23
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 24
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 25
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 26
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 27
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 28
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 29
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 30
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 31
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 32
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 33
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 34
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 35
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 36
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 37
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 38
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 39
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 40
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 41
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 42
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 43
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 44
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 45
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 46
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 47
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 48
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 49
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 50
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 51
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 52
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 53
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 54
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 55
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 56
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 57
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 58
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 59
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 60
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 61
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 62
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 63
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 64
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 65
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 66
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 67
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 68
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 69
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 70
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 71
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 72
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 73
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 74
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 75
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 76
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 77
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 78
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 79
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 80
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 81
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 82
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 83
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 84
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 85
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 86
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 87
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 88
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 89
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 90
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 91
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 92
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 93
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 94
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 95
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 96
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 97
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 98
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 99
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">100
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">101
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">102
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">103
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">104
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">105
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">106
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">107
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">108
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">109
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">110
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">111
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">112
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">113
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">114
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">115
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">116
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">117
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">118
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">119
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">120
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">121
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">122
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">123
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">124
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">125
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">126
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">127
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">128
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">129
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">130
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">131
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">132
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">133
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">134
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">135
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">136
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">137
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">138
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">139
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">140
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">141
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">142
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">143
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">144
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">145
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">146
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">147
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">148
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">149
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">150
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">151
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">152
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">153
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">154
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">155
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">156
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">157
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">158
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">159
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">160
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">161
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">162
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">163
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">164
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">165
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">166
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">167
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">168
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">169
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">170
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">171
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">172
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">173
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">174
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">175
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">176
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">177
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">178
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">179
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">180
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">181
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">182
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">183
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">184
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">185
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">186
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">187
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">188
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">189
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">190
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">191
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">192
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">193
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">194
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">195
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">196
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">197
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">198
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">199
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">200
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">201
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">202
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">203
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">204
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">205
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">206
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">207
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">208
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">209
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">210
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">211
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">212
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">213
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">214
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">215
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">216
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">217
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">218
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">219
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">220
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">221
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">222
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">223
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">224
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">225
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">226
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">227
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">228
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">229
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">230
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">231
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">232
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">233
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">234
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">235
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">236
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">237
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">238
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">239
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">240
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">241
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">242
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">243
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">244
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">245
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">246
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">247
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">248
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">249
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">250
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">251
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">252
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">253
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">254
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">255
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">256
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">257
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">258
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">259
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">260
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">261
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">262
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">263
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">264
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">265
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">266
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">267
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">268
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">269
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">270
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">271
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">272
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">273
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">274
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">275
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">276
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">277
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">278
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">279
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">280
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">281
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">282
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">283
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">284
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">285
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">286
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">287
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">288
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">289
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">290
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">291
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">292
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">293
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">294
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">295
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">296
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">297
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">298
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">299
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">300
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">301
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">302
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">303
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">304
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">305
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">306
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">307
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">308
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">309
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">310
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">311
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">312
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">313
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">314
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">315
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">316
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">317
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">318
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">319
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">320
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">321
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">322
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">323
</span></code></pre></td>
<td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%">
<pre style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-dart" data-lang="dart"><span style="color:#000;font-weight:bold">import</span> <span style="color:#d14">&#39;package:awesome_dialog/awesome_dialog.dart&#39;</span>;
<span style="color:#000;font-weight:bold">import</span> <span style="color:#d14">&#39;package:flutter/material.dart&#39;</span>;

<span style="color:#000;font-weight:bold">import</span> <span style="color:#d14">&#39;routes.dart&#39;</span>;

<span style="color:#458;font-weight:bold">void</span> main() <span style="color:#000;font-weight:bold">=&gt;</span> runApp(MyApp());

<span style="color:#000;font-weight:bold">class</span> <span style="color:#458;font-weight:bold">MyApp</span> <span style="color:#000;font-weight:bold">extends</span> StatelessWidget {
  <span style="color:#a61717;background-color:#e3d2d2">@</span>override
  Widget build(BuildContext context) {
    <span style="color:#000;font-weight:bold">return</span> MaterialApp(
      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Fancy Dialog Example&#39;</span>,
      <span style="color:#900;font-weight:bold">theme:</span> ThemeData.dark(),
      <span style="color:#900;font-weight:bold">initialRoute:</span> <span style="color:#d14">&#39;/&#39;</span>,
      <span style="color:#900;font-weight:bold">onGenerateRoute:</span> RouteGenerator.generateRoute,
    );
  }
}

<span style="color:#000;font-weight:bold">class</span> <span style="color:#458;font-weight:bold">HomePage</span> <span style="color:#000;font-weight:bold">extends</span> StatefulWidget {
  <span style="color:#000;font-weight:bold">const</span> HomePage({
    Key<span style="color:#000;font-weight:bold">?</span> key,
  }) <span style="color:#000;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">super</span>(<span style="color:#900;font-weight:bold">key:</span> key);

  <span style="color:#a61717;background-color:#e3d2d2">@</span>override
  _HomePageState createState() <span style="color:#000;font-weight:bold">=&gt;</span> _HomePageState();
}

<span style="color:#000;font-weight:bold">class</span> <span style="color:#458;font-weight:bold">_HomePageState</span> <span style="color:#000;font-weight:bold">extends</span> State<span style="color:#000;font-weight:bold">&lt;</span>HomePage<span style="color:#000;font-weight:bold">&gt;</span> {
  <span style="color:#a61717;background-color:#e3d2d2">@</span>override
  Widget build(BuildContext context) {
    <span style="color:#000;font-weight:bold">return</span> Scaffold(
        <span style="color:#900;font-weight:bold">appBar:</span> AppBar(
          <span style="color:#900;font-weight:bold">title:</span> Text(<span style="color:#d14">&#39;Awesome Dialog Example&#39;</span>),
        ),
        <span style="color:#900;font-weight:bold">body:</span> Center(
            <span style="color:#900;font-weight:bold">child:</span> Container(
          <span style="color:#900;font-weight:bold">padding:</span> EdgeInsets.all(<span style="color:#099">16</span>),
          <span style="color:#900;font-weight:bold">child:</span> SingleChildScrollView(
            <span style="color:#900;font-weight:bold">child:</span> Column(
              <span style="color:#900;font-weight:bold">children:</span> <span style="color:#000;font-weight:bold">&lt;</span>Widget<span style="color:#000;font-weight:bold">&gt;</span>[
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Info Dialog fixed width and sqare buttons&#39;</span>,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">borderSide:</span> BorderSide(<span style="color:#900;font-weight:bold">color:</span> Colors.green, <span style="color:#900;font-weight:bold">width:</span> <span style="color:#099">2</span>),
                      <span style="color:#900;font-weight:bold">width:</span> <span style="color:#099">280</span>,
                      <span style="color:#900;font-weight:bold">buttonsBorderRadius:</span> BorderRadius.all(Radius.circular(<span style="color:#099">2</span>)),
                      <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">false</span>,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.BOTTOMSLIDE,
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;INFO&#39;</span>,
                      <span style="color:#900;font-weight:bold">desc:</span> <span style="color:#d14">&#39;Dialog description here...&#39;</span>,
                      <span style="color:#900;font-weight:bold">showCloseIcon:</span> <span style="color:#000;font-weight:bold">true</span>,
                      <span style="color:#900;font-weight:bold">btnCancelOnPress:</span> () {},
                      <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {},
                    )..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Question Dialog With Custom BTN Style&#39;</span>,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.QUESTION,
                      <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">false</span>,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.BOTTOMSLIDE,
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Question&#39;</span>,
                      <span style="color:#900;font-weight:bold">desc:</span> <span style="color:#d14">&#39;Dialog description here...&#39;</span>,
                      <span style="color:#900;font-weight:bold">buttonsTextStyle:</span> TextStyle(<span style="color:#900;font-weight:bold">color:</span> Colors.black),
                      <span style="color:#900;font-weight:bold">showCloseIcon:</span> <span style="color:#000;font-weight:bold">true</span>,
                      <span style="color:#900;font-weight:bold">btnCancelOnPress:</span> () {},
                      <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {},
                    )..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Info Dialog Without buttons&#39;</span>,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">true</span>,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.BOTTOMSLIDE,
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;INFO&#39;</span>,
                      <span style="color:#900;font-weight:bold">desc:</span>
                          <span style="color:#d14">&#39;Lorem ipsum dolor sit amet consectetur adipiscing elit eget ornare tempus, vestibulum sagittis rhoncus felis hendrerit lectus ultricies duis vel, id morbi cum ultrices tellus metus dis ut donec. Ut sagittis viverra venenatis eget euismod faucibus odio ligula phasellus,&#39;</span>,
                    )..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Warning Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.orange,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                        <span style="color:#900;font-weight:bold">context:</span> context,
                        <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.WARNING,
                        <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">false</span>,
                        <span style="color:#900;font-weight:bold">animType:</span> AnimType.TOPSLIDE,
                        <span style="color:#900;font-weight:bold">showCloseIcon:</span> <span style="color:#000;font-weight:bold">true</span>,
                        <span style="color:#900;font-weight:bold">closeIcon:</span> Icon(Icons.close_fullscreen_outlined),
                        <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Warning&#39;</span>,
                        <span style="color:#900;font-weight:bold">desc:</span>
                            <span style="color:#d14">&#39;Dialog description here..................................................&#39;</span>,
                        <span style="color:#900;font-weight:bold">btnCancelOnPress:</span> () {},
                        <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {})
                      ..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Error Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.red,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                        <span style="color:#900;font-weight:bold">context:</span> context,
                        <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.ERROR,
                        <span style="color:#900;font-weight:bold">animType:</span> AnimType.RIGHSLIDE,
                        <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">false</span>,
                        <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Error&#39;</span>,
                        <span style="color:#900;font-weight:bold">desc:</span>
                            <span style="color:#d14">&#39;Dialog description here..................................................&#39;</span>,
                        <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {},
                        <span style="color:#900;font-weight:bold">btnOkIcon:</span> Icons.cancel,
                        <span style="color:#900;font-weight:bold">btnOkColor:</span> Colors.red)
                      ..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Succes Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.green,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                        <span style="color:#900;font-weight:bold">context:</span> context,
                        <span style="color:#900;font-weight:bold">animType:</span> AnimType.LEFTSLIDE,
                        <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">false</span>,
                        <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.SUCCES,
                        <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Succes&#39;</span>,
                        <span style="color:#900;font-weight:bold">desc:</span>
                            <span style="color:#d14">&#39;Dialog description here..................................................&#39;</span>,
                        <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {
                          debugPrint(<span style="color:#d14">&#39;OnClcik&#39;</span>);
                        },
                        <span style="color:#900;font-weight:bold">btnOkIcon:</span> Icons.check_circle,
                        <span style="color:#900;font-weight:bold">onDissmissCallback:</span> () {
                          debugPrint(<span style="color:#d14">&#39;Dialog Dissmiss from callback&#39;</span>);
                        })
                      ..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;No Header Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.cyan,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">headerAnimationLoop:</span> <span style="color:#000;font-weight:bold">false</span>,
                      <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.NO_HEADER,
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;No Header&#39;</span>,
                      <span style="color:#900;font-weight:bold">desc:</span>
                          <span style="color:#d14">&#39;Dialog description here..................................................&#39;</span>,
                      <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {
                        debugPrint(<span style="color:#d14">&#39;OnClcik&#39;</span>);
                      },
                      <span style="color:#900;font-weight:bold">btnOkIcon:</span> Icons.check_circle,
                    )..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Custom Body Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.blueGrey,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.SCALE,
                      <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.INFO,
                      <span style="color:#900;font-weight:bold">body:</span> Center(
                        <span style="color:#900;font-weight:bold">child:</span> Text(
                          <span style="color:#d14">&#39;If the body is specified, then title and description will be ignored, this allows to further customize the dialogue.&#39;</span>,
                          <span style="color:#900;font-weight:bold">style:</span> TextStyle(<span style="color:#900;font-weight:bold">fontStyle:</span> FontStyle.italic),
                        ),
                      ),
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;This is Ignored&#39;</span>,
                      <span style="color:#900;font-weight:bold">desc:</span> <span style="color:#d14">&#39;This is also Ignored&#39;</span>,
                    )..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Auto Hide Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.purple,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.INFO,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.SCALE,
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Auto Hide Dialog&#39;</span>,
                      <span style="color:#900;font-weight:bold">desc:</span> <span style="color:#d14">&#39;AutoHide after 2 seconds&#39;</span>,
                      <span style="color:#900;font-weight:bold">autoHide:</span> Duration(<span style="color:#900;font-weight:bold">seconds:</span> <span style="color:#099">2</span>),
                    )..show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Testing Dialog&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.orange,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">keyboardAware:</span> <span style="color:#000;font-weight:bold">true</span>,
                      <span style="color:#900;font-weight:bold">dismissOnBackKeyPress:</span> <span style="color:#000;font-weight:bold">false</span>,
                      <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.WARNING,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.BOTTOMSLIDE,
                      <span style="color:#900;font-weight:bold">btnCancelText:</span> <span style="color:#d14">&#34;Cancel Order&#34;</span>,
                      <span style="color:#900;font-weight:bold">btnOkText:</span> <span style="color:#d14">&#34;Yes, I will pay&#34;</span>,
                      <span style="color:#900;font-weight:bold">title:</span> <span style="color:#d14">&#39;Continue to pay?&#39;</span>,
                      <span style="color:#900;font-weight:bold">padding:</span> <span style="color:#000;font-weight:bold">const</span> EdgeInsets.all(<span style="color:#099">16.0</span>),
                      <span style="color:#900;font-weight:bold">desc:</span>
                          <span style="color:#d14">&#39;Please confirm that you will pay 3000 INR within 30 mins. Creating orders without paying will create penalty charges, and your account may be disabled.&#39;</span>,
                      <span style="color:#900;font-weight:bold">btnCancelOnPress:</span> () {},
                      <span style="color:#900;font-weight:bold">btnOkOnPress:</span> () {},
                    ).show();
                  },
                ),
                SizedBox(
                  <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">16</span>,
                ),
                AnimatedButton(
                  <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Body with Input&#39;</span>,
                  <span style="color:#900;font-weight:bold">color:</span> Colors.blueGrey,
                  <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                    late AwesomeDialog dialog;
                    dialog <span style="color:#000;font-weight:bold">=</span> AwesomeDialog(
                      <span style="color:#900;font-weight:bold">context:</span> context,
                      <span style="color:#900;font-weight:bold">animType:</span> AnimType.SCALE,
                      <span style="color:#900;font-weight:bold">dialogType:</span> DialogType.INFO,
                      <span style="color:#900;font-weight:bold">keyboardAware:</span> <span style="color:#000;font-weight:bold">true</span>,
                      <span style="color:#900;font-weight:bold">body:</span> Padding(
                        <span style="color:#900;font-weight:bold">padding:</span> <span style="color:#000;font-weight:bold">const</span> EdgeInsets.all(<span style="color:#099">8.0</span>),
                        <span style="color:#900;font-weight:bold">child:</span> Column(
                          <span style="color:#900;font-weight:bold">children:</span> <span style="color:#000;font-weight:bold">&lt;</span>Widget<span style="color:#000;font-weight:bold">&gt;</span>[
                            Text(
                              <span style="color:#d14">&#39;Form Data&#39;</span>,
                              <span style="color:#900;font-weight:bold">style:</span> Theme.of(context).textTheme.headline6,
                            ),
                            SizedBox(
                              <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">10</span>,
                            ),
                            Material(
                              <span style="color:#900;font-weight:bold">elevation:</span> <span style="color:#099">0</span>,
                              <span style="color:#900;font-weight:bold">color:</span> Colors.blueGrey.withAlpha(<span style="color:#099">40</span>),
                              <span style="color:#900;font-weight:bold">child:</span> TextFormField(
                                <span style="color:#900;font-weight:bold">autofocus:</span> <span style="color:#000;font-weight:bold">true</span>,
                                <span style="color:#900;font-weight:bold">minLines:</span> <span style="color:#099">1</span>,
                                <span style="color:#900;font-weight:bold">decoration:</span> InputDecoration(
                                  <span style="color:#900;font-weight:bold">border:</span> InputBorder.none,
                                  <span style="color:#900;font-weight:bold">labelText:</span> <span style="color:#d14">&#39;Title&#39;</span>,
                                  <span style="color:#900;font-weight:bold">prefixIcon:</span> Icon(Icons.text_fields),
                                ),
                              ),
                            ),
                            SizedBox(
                              <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">10</span>,
                            ),
                            Material(
                              <span style="color:#900;font-weight:bold">elevation:</span> <span style="color:#099">0</span>,
                              <span style="color:#900;font-weight:bold">color:</span> Colors.blueGrey.withAlpha(<span style="color:#099">40</span>),
                              <span style="color:#900;font-weight:bold">child:</span> TextFormField(
                                <span style="color:#900;font-weight:bold">autofocus:</span> <span style="color:#000;font-weight:bold">true</span>,
                                <span style="color:#900;font-weight:bold">keyboardType:</span> TextInputType.multiline,
                                <span style="color:#900;font-weight:bold">maxLengthEnforced:</span> <span style="color:#000;font-weight:bold">true</span>,
                                <span style="color:#900;font-weight:bold">minLines:</span> <span style="color:#099">2</span>,
                                <span style="color:#900;font-weight:bold">maxLines:</span> <span style="color:#000;font-weight:bold">null</span>,
                                <span style="color:#900;font-weight:bold">decoration:</span> InputDecoration(
                                  <span style="color:#900;font-weight:bold">border:</span> InputBorder.none,
                                  <span style="color:#900;font-weight:bold">labelText:</span> <span style="color:#d14">&#39;Description&#39;</span>,
                                  <span style="color:#900;font-weight:bold">prefixIcon:</span> Icon(Icons.text_fields),
                                ),
                              ),
                            ),
                            SizedBox(
                              <span style="color:#900;font-weight:bold">height:</span> <span style="color:#099">10</span>,
                            ),
                            AnimatedButton(
                                <span style="color:#900;font-weight:bold">text:</span> <span style="color:#d14">&#39;Close&#39;</span>,
                                <span style="color:#900;font-weight:bold">pressEvent:</span> () {
                                  dialog.dissmiss();
                                })
                          ],
                        ),
                      ),
                    )..show();
                  },
                ),
              ],
            ),
          ),
        )));
  }
}
</code></pre></td></tr></table>
</div>
</div><p>您可以根据自己的需要进行修改和试验</p></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>Updated on 2021-05-24</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"></div>
            <div class="post-info-share">
                <span></span>
            </div>
        </div>
    </div>

    <div class="post-info-more">
        <section class="post-tags"><i class="fas fa-tags fa-fw"></i>&nbsp;<a href="/tags/flutter/">flutter</a>,&nbsp;<a href="/tags/%E6%8F%92%E4%BB%B6/">插件</a></section>
        <section>
            <span><a href="javascript:void(0);" onclick="window.history.back();">Back</a></span>&nbsp;|&nbsp;<span><a href="/">Home</a></span>
        </section>
    </div>

    <div class="post-nav"><a href="/posts/flutter/%E5%9C%A8Flutter%E4%B8%AD%E7%9A%84%E5%BC%80%E5%8F%91%E5%B0%8F%E6%8A%80%E5%B7%A71/" class="prev" rel="prev" title="《在Flutter中的开发小技巧1》"><i class="fas fa-angle-left fa-fw"></i>《在Flutter中的开发小技巧1》</a>
            <a href="/posts/dart%E4%B9%8BList%E7%9B%B8%E5%85%B3/" class="next" rel="next" title="《Dart之List相关》">《Dart之List相关》<i class="fas fa-angle-right fa-fw"></i></a></div>
</div>
</article></div>
            </main><footer class="footer">
        <div class="footer-container"><div class="footer-line">Powered by <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.79.1">Hugo</a> | Theme - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.10"><i class="far fa-kiss-wink-heart fa-fw"></i> LoveIt</a>
                </div><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2021</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="/" target="_blank">飞雪无情</a></span></div>
        </div>
    </footer></div>

        <div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="Back to Top">
                <i class="fas fa-arrow-up fa-fw"></i>
            </a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
                <i class="fas fa-comment fa-fw"></i>
            </a>
        </div><script type="text/javascript" src="/lib/smooth-scroll/smooth-scroll.min.js"></script><script type="text/javascript" src="/lib/lazysizes/lazysizes.min.js"></script><script type="text/javascript" src="/lib/clipboard/clipboard.min.js"></script><script type="text/javascript" src="/lib/sharer/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":10},"comment":{}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
